$(function () { 
    $('#compalte-things').tab('show');//初始化显示哪个tab 

    $('#myTab a').click(function (e) { 
      e.preventDefault();//阻止a链接的跳转行为 
        //  使用Ajax的方式重新加载一次Tab标签内的数据
        //$("#complete-tab").html("");
        
//        console.log("this = " + this);
        //  this刚好是类似于 http://10.9.3.164/index.php?m=Home&c=TaskList&a=index#new  的URL
        //  可以解析得到最后的标记
        var str = this.href;
        var strs= new Array(); //定义一数组 
        strs=str.split("#"); //字符分割 
//        console.log("arg1 = " + strs[0] + ", arg2 = " + strs[1]);
        if (strs.length == 2) {
            //  获取后台数据，设置到页面
            var fun = function(jId, dt) {
                // 首先清空原有的数据
                var arr = $(jId).find("div");
                for (j = 0; j < arr.length; j++) {
                    $(arr[j]).remove();
                }

                if (dt.length > 0) {
                    
                    var html = "";
                    for (var i = 0; i < dt.length; i++) {
//                            data[i].id
                        html += '<div class="row my-row-style">';
                        html += ' <div class="col-lg-10 col-md-12 col-sm-12 col-xs-12" title="发布时间：'+(dt[i].record_time).split(0,16)+'">';
                        html += dt[i].task_msg;
                        html += '  </div>';
                        html += '</div>';
                    }
                    // 添加到最前
                    $(jId).prepend(html);
                    
                } else {
                    //  保持现状
                }
            }
            
            $.ajax({
                type: "post",
                url: "index.php?m=Home&c=TaskList&a=reflashTabData",
                data: { msg_type: strs[1] },
                dataType: "json",
                success: function (data) {
                    var dt = data.data;
//                    console.log("msg = " + dt);
                    if ('new' == strs[1]) {
                        //  待续
                    } else if ('complete-tab' == strs[1]) {
                        var f = fun("#complete-tab", dt);
                    } else {  //  回收站
                        var f = fun("#recycle", dt);
                    }

                },
                error: function () {
                    //  保存不成功，提示用户
                    $("#showErrorInfo").html("服务器出错，请重试！");
                }
            });
        } else {
            $(this).html("<font>服务器调皮了，请刷新页面重试一下！</font>");
        }
        $(this).tab('show');//显示当前选中的链接及关联的content 
    })
});

function showBorder(selfId) {
    //alert(".."+selfId);
  // 当鼠标移到这一列是显示边框
  $(selfId).addClass("show-border");
}

function removeClass(selfId) {
  // 当鼠标移开这一列是显示边框
  $(selfId).removeClass("show-border");
}

function zoomPic(self) {
    $(self).fadeOut(100);
    $(self).fadeIn(100);
}

function comm(cp, endId, recordId, value) {
    
    var myurl='index.php?m=Home&c=TaskList&a=updateStatu' + "&id=" + recordId + "&value=" + value;
    //alert("myurl: " + myurl);
    $.get(myurl, function(data){
        //console.log("data=" + data);
        if ('1' == data) {  //  保存更新
            //  设置元素移动到这个就消失
            var top = endId.offset().top;
            //top = top - 100;
            var left =endId.offset().left;

            cp.css({
                'z-index': 9000,
                'display': 'block',
                'position': 'absolute',
                'top': endId.offset().top +'px',
                'left': endId.offset().left +'px',
                'width': endId.width() +'px',
                'height': endId.height() +'px'
            });

            //  top':-100 表示此div会向下滑动100px
            cp.animate({'top':top, 'left': left, 'width': endId.width(), opacity: "1"},
                       {queue:false, duration:60000, easing: 'easeOutQuad' });
            cp.slideUp(1000);
            //  提示
            endId.fadeOut(1000);
            endId.fadeIn(1000);
        } else {
            //  更新不成功
        }
    });
    
}
//  移动到已完成标签上 
    //  改变任务的状态：1-新建；2-完成；3-删除
function move2Complete(self, recordId) {

    var endId =  $("#complete");
    var cp = $(self).parent().parent();
    
    comm(cp, endId, recordId, 2);
}

// 移动到回收站标签上
    //  改变任务的状态：1-新建；2-完成；3-删除
function move2Recycle(self, recordId) {
    var endId =  $("#move2Recycle");
    var cp = $(self).parent().parent();
    comm(cp, endId, recordId, 3);
}
    
/**
 * 按Ctrl+Enter组合键则触发此函数
 * @param {Type} formId 
 */ 
function saveTaskMsg(formId) {
    
//    var msg = $("#task_msg_id").val();
//     var myurl='index.php?m=Home&c=TaskList&a=add' + "&task_msg=" + msg;
    //alert("myurl: " + myurl);
    $.ajax({
        type: "post",
        url: "index.php?m=Home&c=TaskList&a=add",
        data: { task_msg: $("#task_msg_id").val() },
        dataType: "json",
        success: function (data) {
            
            if (data.success) {
                $("#task_msg_id").val("");
                //  把新增的值显示在列表的最前面
                var html = "";
                html += '<div class="row my-row-style" onmouseover="showBorder(this);" onmouseout="removeClass(this);">';
                html += '  <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 title="发布时间：'+(data.record_time).split(0,16)+'">';
                html += data.task_msg;
                html += '  </div>';
                html += '  <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">';
                html += '		  <span class="glyphicon glyphicon-ok" onmouseover="zoomPic(this);" onmouseout="removeClass(this);" id="show" onclick="move2Complete(this, '+data.id+');"></span>';
                html += '		  &nbsp;';
                html += '		  <span class="glyphicon glyphicon-remove" onmouseover="zoomPic(this);" onmouseout="removeClass(this);" id="show" onclick="move2Recycle(this, '+data.id+');"></span>';
                html += '  </div>';
                html += '</div>';

                // 添加到最前
                $("#result").prepend(html).slideDown(4000);
		        } else {
                //  
            }
            
        },
        error: function () {
            //  保存不成功，提示用户
            $("#showErrorInfo").html("服务器出错，请重试！");
        }
    });
}